<template>
    <section>
        <goback class="goback" :getName='goName'></goback>
        <div class="cardCoupon">
            <div class="crowdFundingDiscount" @click="turnZC">
                <img src="../../assets/my/zckq.png">
                <div class="couponWord">
                    <div>众筹卡券</div>
                    <div>&gt;</div>
                </div>
            </div>
        </div>
    </section>
</template>
<script>
    import { InfiniteScroll } from 'mint-ui'
    import loadmore from '../../components/loadmore'
    import goback from '../../components/goback'
    import { userInfoGet, WXShare } from '../../libs/publicMethod'
    // import {  } from '../../libs/interface' // 获取接口
    export default {
        components: { goback, loadmore, WXShare, userInfoGet, InfiniteScroll },
        data() {
            return {
                goName: '我的卡券',
                userInfo: userInfoGet(),
                loading: false, // 下拉参数
                loadingDom: false,
                offset: sessionStorage.getItem('foundScrollOffset') ? JSON.parse(sessionStorage.getItem('foundScrollOffset')).offset || 0 : 0,
            }
        },
        methods: {
            turnZC () {
                let vm = this
                vm.$router.push('/discount/1')
            }
        },
        mounted () {
            let vm = this
        },
    }
</script>
<style scoped>
.goback{
    background-color: #F01500;
    color: #333;
}
.cardCoupon{
    margin-top: 2.8%;
}
.crowdFundingDiscount{
    width: 92%;
    margin: 0 auto;
    position: relative;
}
.crowdFundingDiscount img{
    display: block;
    width: 100%;
    height: 100%;
}
.couponWord{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.couponWord div:first-child{
    width: 32%;
    margin-top: -8%;
    font-size: 1.05rem;
    font-weight: bold;
    color: #fff;
}
.couponWord div:last-child{
    width: 60%;
    text-align: right;
    font-size: 1.8rem;
    color: #fff;
}
</style>